<template>
  <el-config-provider size="small" :z-index="3000" :locale="locale">
    <router-view v-slot="{ Component }">
      <template v-if="Component">
        <Transition mode="out-in">
          <Suspense>
            <component :is="Component" />
            <template #fallback> Loading... </template>
          </Suspense>
        </Transition>
      </template>
    </router-view>
  </el-config-provider>
</template>
<script setup lang="ts">
import { ref } from "vue";
import { ElConfigProvider } from "element-plus";
import zhCn from "element-plus/es/locale/lang/zh-cn.mjs";

const locale = ref(zhCn);
</script>
